<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-publica.xhtml">
    <ui:define name="cabecera">
        <title>Fauna de El Salvador - Ayuda</title>
    </ui:define>
    <ui:define name="contenido">
        <center>
            <p:panel 
                id="ayudaPnl"
                header="Ayuda" 
                style="font-size: 120%; text-align: center; width:80%; min-width:800px !important;">
                <p:panelGrid style="font-size: 100%; width: 100%">
                    <f:facet name="header">
                        <p:row>  
                            <p:column>
                                Opciones del sitio
                            </p:column>
                        </p:row>
                    </f:facet>
                    <p:row>
                        <p:column>
                            <p id="texto">
                                En el menú de opciones puede encontrar las siguientes opciones:
                                <ul id="texto" 
                                    style="padding-left: 80px; padding-right: 40px">
                                    <li type="disc">
                                        <strong>Inicio:</strong>
                                        Pantalla de bienvenida del sitio.
                                    </li>
                                    <li type="disc">
                                        <strong>Secciones:</strong>
                                        Las secciones a su vez estan divididas en:
                                        <ul type="circle"
                                            style="padding-left: 40px; padding-right: 40px">
                                            <li>
                                                <strong>Mastozoología:</strong>
                                                Información de mamíferos.
                                            </li>
                                            <li>
                                                <strong>Ictiología:</strong>
                                                Información de peces.
                                            </li>
                                            <li>
                                                <strong>Ornitología:</strong>
                                                Información de aves.
                                            </li>
                                            <li>
                                                <strong>Herpetología:</strong>
                                                Información de reptiles y anfibios.
                                            </li>
                                            <li>
                                                <strong>Entomología:</strong>
                                                Información de insectos y arácnidos.
                                            </li>
                                            <li>
                                                <strong>Malacología</strong>
                                                Información de moluscos.
                                            </li>
                                        </ul>                                       
                                    </li>
                                    <li type="disc">
                                        <strong>Búsqueda:</strong>
                                        Pantalla de búsqueda de especimenes por parámetros.
                                    </li>
                                    <li type="disc">
                                        <strong>Quiénes somos:</strong>
                                        Información del Museo y Ecoparque.
                                    </li>
                                    <li type="disc">
                                        <strong>Contáctenos:</strong>
                                        Información de contacto, ubicación y tarifas
                                        del Museo y Ecoparque
                                    </li>
                                    <li type="disc">
                                        <strong>Ayuda:</strong>
                                        Ayuda del sitio.
                                    </li>
                                </ul>
                            </p>
                        </p:column>
                    </p:row>
                </p:panelGrid>
                <p:spacer width="10" />
                <p:panelGrid style="font-size: 100%; width: 100%">
                    <f:facet name="header">
                        <p:row>  
                            <p:column>
                                Búsqueda en el sitio
                            </p:column>
                        </p:row>
                    </f:facet>
                    <p:row>
                        <p:column>
                            <p id="texto">
                                Para realizar la búsqueda de animales y especímenes dentro
                                del sitio, realice los siguientes pasos:
                                <ol type="1"
                                    id="texto"
                                    style="padding-left: 80px; padding-right: 40px">
                                    <li>
                                        Seleccione los campos a consultar, según categoría.
                                    </li>
                                    <li>
                                        Luego elija los filtros, es decir, los parámetros por los que 
                                        realizara la búsqueda.
                                    </li>
                                    <li>
                                        Luego selecciones los campos por los cuales se realizara  el ordenamiento
                                        de la información.
                                    </li>
                                    <li>
                                        Por último, se presentará un resumen de las opciones elegidas previamente.
                                    </li>
                                </ol>
                            </p>
                        </p:column>
                    </p:row>
                </p:panelGrid>                
            </p:panel>
        </center>  
    </ui:define>  
</ui:composition>

